<template>
	<view style="background: #fe1212;">
		<image src="https://image3.suning.cn/uimg/cms/img/168725572732316886.png?format=325h_750w_80q.webp" mode="widthFix" style="width: 100%;"></image>
		<view class="" style="display: flex;justify-content: center;padding: 10rpx 0;align-items: center;flex-direction: column;">
			<view class="" style="background: #fff;display: flex;width: 95%;border-radius: 20rpx;margin-bottom: 20rpx;" v-for="(item,index) in list" :key="index" @click="goToDetail(item)">
				<image :src="info.app.cdnurl+item.image" mode="widthFix" style="width: 280rpx;border-radius: 20rpx;"></image>
				<view class="" style="display: flex;flex-direction: column;justify-content: space-between;padding: 20rpx 10rpx 20rpx 20rpx;">
					<view class="" style="display: flex;">
						
						<view class="" style="font-weight: bold;"><image src="https://oss.taoding1688.com/static/uniapp/static/zy_3.png" mode="widthFix" style="width: 50rpx;margin-right: 5rpx;;"></image>{{ item.title }}</view>
					</view>
					<view class="" style="display: block;width: 100%;">
						<text style="font-size: 20rpx;color: #f02;border: 1rpx solid #f02;padding: 2rpx 7rpx;border-radius: 5rpx;">{{ item.subtitle }}</text>
					</view>
					<!-- <view class="" style="color: #999;font-size: 22rpx;">{{ item.grade }}</view> -->
					<view class="" style="display: flex;align-items: center;color: #f02;font-weight: bold;">
						<view class="" style="font-size: 26rpx;">￥</view>
						<view class="" style="font-size: 46rpx;" v-if="item.price && item.price[0]">{{ item.price[0] }}</view>
					</view>
				</view>
			</view>
		
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					// {
					// 	id:1,
					// 	title:'澳宝橙花白茶香水沐浴露500ml',
					// 	price:'6',
					// 	img:'https://imgservice1.suning.cn/uimg1/pcpv/pcpv/whitePic/2024/02/02/19/026d6e6212144471b48fbb574333f12f.png?format=400h_400w_4e_80q.webp',
					// 	desc:'轻松去油 清新祛味 易漂洗无残留',
					// 	grade:'99%好评'
					// },
					// {
					// 	id:2,
					// 	title:'立白洗洁精西柚小苏打408g',
					// 	price:'16',
					// 	img:'https://imgservice3.suning.cn/uimg1/b2c/image/U4wRqWIVajnOIy1-W9swRA.jpg?format=400h_400w_4e_80q.webp',
					// 	desc:'轻松去油 清新祛味 易漂洗无残留',
					// 	grade:'99%好评',
					// },
					// {
					// 	id:3,
					// 	title:'康师傅冰红茶330ml*6瓶',
					// 	price:'26',
					// 	img:'https://imgservice4.suning.cn/uimg1/b2c/image/amiVXBd1yHDBenV1qJXJfA.jpg?format=400h_400w_4e_80q.webp',
					// 	desc:'康师傅茶饮料 冰爽一夏 清爽解渴...',
					// 	grade:'99%好评',
					// }
				]
			}
		},
		onShow() {
			this.list=JSON.parse(JSON.stringify(this.zqLists))
			console.log(this.zqLists)
		},
		methods: {
			//去商品详情页
			goToDetail(item){
				uni.navigateTo({
					url:`/templatePage/productDetail/productDetail?index=${item.id}`
				})
			}
		}
	}
</script>

<style>

</style>
